.portal-workflow-center-dialog-title{
  color: #333;
}
.portal-workflow-center {
  .wf-sign-list {
    .wf-req-sign-list-content{
      border-bottom: 1px dashed #e4e4e4;
    }
    .wf-req-sign-list-content {
      position: relative;
      padding: 15px 21px 15px 21px;
      .communication-area-wrap {
        margin-left: 180px;
        .wea-comment-item {
          .wf-resources {
            .wea-rich-text-toolbar-bottom {
              .wea-button-release {
                color: #2db7f5;
                .icon-coms-Release {
                  margin-right: 8px;

                }
              }
              .wea-button-release:hover {
                color: #fff;
                background: #2db7f5;
              }
              .wea-rich-text-toolbar-bottom-item {
                .red-point {
                  top: 8px;
                  left: 16px;
                }
              }
            }
          }
          .cowork-reply-content {
            .comment-content-wrap {
              .workflow-resource-list {
                color: #999;
                margin-bottom: 5px;
                .cowork-att-list {
                  padding-bottom: 3px;
                  .content-icon {
                    float: left;
                    margin-top: 5px;
                    // font-size: 19px;
                  }
                  ul {
                    margin-left: 25px;
                    li {
                      height: unset !important;
                      line-height: unset !important;
                      margin-bottom: 5px;
                       a {
                         padding: 0 10px;
                         display:inline-block;
                       }
                       a:hover {
                         color: #00a9ff;
                         background-color: #f3f9ff;
                         text-decoration: underline;
                       }
    
                      .workflow-accessory-item:hover {
                        background-color: #f3f9ff;
                        span, i {
                          display: inline-block;
                        }
                      }
                      .workflow-accessory-item {
                        display: inline-block;
                        color: #999;
                        span, i {
                          display: none;
                          float: right;
                          padding: 0 10px;
                        }
                        .icon-coms-download {
                          padding-top: 4px;
                          font-size: 14px;
                          cursor: pointer;
                        }
                      }
                    }
    
                  }
                }
              }
            }
          }
        }
        .communication-folder-panel {
          text-align: center;
          cursor: pointer;
          background-color: #f3f3f3;
          border: 1px solid #e2e2e2;
          color: #999;
          font-size: 12px;
          padding: 5px 0;
          .word-span {
            margin-right: 8px;
          }
        }
        .communication-folder-panel.open {
          border-bottom: none;
        }
        .wea-workflow-communication-list {
          color: #333;
          border: 1px solid #e2e2e2;
          padding: 10px;
          .wea-comment-item:not(:last-child) {
            border-bottom: 1px dashed #e2e2e2;
            padding-bottom: 5px;
            margin-bottom: -1px;
          }
          .wea-comment-item {
            padding-bottom: 10px;
            word-break: break-word;
            .comment-content-wrap {
              .cowork-reply-user {
                padding: 5px 0;
              }
              .cowork-reply-remark {
                padding: 5px 0;
              }
              .bottom-operate {
                padding-bottom: 8px;
                .reply-time {
                  color: #999;
                }
                .fr {
                  float: right;
                  display: inline-block;
                  // i,span {
                  //   margin-right: 5px;
                  // }
                }
              }
            }
    
            .wea-cowork-reply-wrap {
              margin: 5px 3px;
              border: 1px solid #e8e8e8;
              background-color: #f9f9f9;
              .wea-cowork-reply-item {
                padding: 5px 0;
                .operate-hd {
                  padding: 5px;
                  color: #999;
                  .cowork-reply-user {
                    a, .reply-time {
                      margin-right: 5px;
                    }
                  }
                  .fr {
                    float: right;
                    .cowork-top-icon {
                      margin-right: 5px;
                    }
                  }
                }
                .cowork-reply-remark {
                  padding: 5px;
                }
              }
              .small-page {
                overflow: hidden;
                .ant-pagination  {
                  float: right;
                  margin: 10px;
                  li {
                    background-color: #f9f9f9;
                    a {
                      color: #666 !important; 
                    }
                  }
                  li.ant-pagination-item-active {
                    a {
                      color: #2db7f5 !important;
                    }
                  }
                }
              }
              .wea-cowork-reply-item:not(:last-child) {
                border-bottom: 1px dashed #dcdcdc;
              }
              .wf-resources.reply {
                margin: 10px;
              }
              
            }
          }
          .wea-workflow-communication-pagination {
            overflow: hidden;
            margin-top: 10px;
            .ant-pagination {
              float: right;
            }
          }
        }
        
      }
      .content-left {
        float: left;
        line-height: 36px;

        .wea-avatar-img {
          width: 36px;
          height: 36px;
        }
      }

      .content-right {
        overflow: hidden;

        .content-right-remark-html ol {
          list-style-type: decimal;
        }

        .content-right-remark-html ul {
          list-style-type: disc;
        }

        .content-right-remark-html ol,
        .content-right-remark-html ul {
          list-style-position: inside;
          display: block;
          -webkit-margin-before: 1em;
          -webkit-margin-after: 1em;
          -webkit-margin-start: 0px;
          -webkit-margin-end: 0px;
          -webkit-padding-start: 40px;
        }

        .content-right-remark-html ol li, .content-right-remark-html ul li {
          display: list-item;
          text-align: -webkit-match-parent;
        }

        .content-right-remark-html ol p,
        .content-right-remark-html ul p {
          -webkit-margin-before: 1em;
          -webkit-margin-after: 1em;
          -webkit-margin-start: 0px;
          -webkit-margin-end: 0px;
        }

        .content-right-remark-html table {
          display: table;
          border-collapse: separate;
          border-color: grey;
          white-space: normal;
          line-height: normal;
          font-weight: normal;
          font-size: medium;
          font-style: normal;
          color: -internal-quirk-inherit;
          text-align: start;
          font-variant: normal normal;
          border-spacing: 0px;
          font-size: 12px;
        }

        .content-right-remark-html table tr td {
          border: #ccc solid 1px !important;
          border-spacing: 0px;
          font-size: 12px;
        }
      }

      .content-left > img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        float: left;
        margin: 5px 0 0 -48px;
      }

      .content-left {
        .wea-avatar {
          width: 36px;
          height: 36px;
          border-radius: 50%;
          float: left;
          margin: 5px 0 0 -48px;
        }
      }

      .content-left > div {
        line-height: 24px;
        padding-right: 10px;
      }

      .content-text-right-open-btn {
        cursor: pointer;
        margin-left: 15px;
      }

      .content-right-remark-html {
        min-height: 24px;
      }
      .content-right-docs > i {
        color: #9b9b9b;
        font-size: 16px;
        margin-right: 5px;
        position: relative;
        top: 5px;
      }

      .content-right-docs > div {
        display: inline-block;
        vertical-align: top;
        line-height: 2;
      }

      .content-right a {
        color: #2777c1 !important;
      }

      .content-right {
        .funcbtn {
          margin-right: 5px;
          float: right;
        }
      }
      a:hover {
        color: #003a70 !important;
      }

      .wf-req-sign-list-users {
        padding: 5px;
        background-color: #f4f4f4;
        border-radius: 3px;
        line-height: 20px;
        color: #c0c0c0;
        position: relative;
      }

      .wf-req-sign-list-users .content-text-right-open-btn {
        position: absolute;
        right: 10px;
        top: 6px;
      }

      .logitem-Recipient{
        line-height: 24px;
        color:#8a8a8a;
      }
    }
  }
  .log-load-more {
    span {
      padding-right: 5px;
    }
  }
  .log-load-more:hover {
    cursor: pointer;
  }
}